<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>千峰商城</title>
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/header&footer common.css">
    <link rel="stylesheet" href="../css/CsParticulars.css">
    <link rel="icon" href="../assets/images/favicon.ico" sizes="16x16 32x32" />
    <script src="../js/jquery-3.6.0.min.js"></script>
    <script src="../utils/flexible.js"></script>
    <link rel="stylesheet" href="../assets/icon/iconfont.css">

</head>

<body>
    <div class="box">
        <!-- 头部区域 -->
        <header id="header">
            <a href="../index.html" class="logo">
                <img src="../assets/images/header_logo.png" alt="">
            </a>

            <a href="" class="app">
                <img src="../assets/images/header_app.png" alt="">
            </a>

        </header>
        <!-- 搜索框部分 -->
        <div class="search">
            <div class="searchBox">
                <input type="text" placeholder="请输入您想比价的商品">
                <button>搜索</button>
            </div>
        </div>

        <div class="linkBox">
            <div>
                <a href="../index.html">首页></a>
                <a href="./Comparison shopping.html">全部分类></a>
                <a href="">电视></a>

            </div>
            <button>筛选</button>
        </div>

        <!-- 主体部分 -->
        <ul class="info">
            <li>
                <a href="javascript:;">
                    <div class="pic">
                        <img src="../assets/images/生抽.jpg" alt="">

                    </div>
                    <div class="infoText">
                        <div class="infoText_Top">
                            移动端凑单凑单品:海天 鲜味 生抽 1.28L
                        </div>
                        <div class="prices red">199.0</div>

                        <div class="infoText_Bottom">
                            <span>报价(6)</span>
                            <span class="info_Right">
                                <span class="iconfont icon-xinxi"></span>
                                有一人评论
                            </span>
                        </div>
                    </div>
                </a>
            </li>
        </ul>


        <!-- 换页按钮 -->
        <div class="change">
            <button class="up" disabled>上一页</button>
            <select name="" id="page">
                <option value="0">1/1</option>
            </select>
            <button class="down">下一页</button>
        </div>


        <!-- 底部部分 -->
        <footer>

            <!-- 更多信息 -->
            <a href="" class="more">
                更多优惠信息>>
            </a>

            <div class="rank">
                <span>品牌排行</span>
                <span class="iconfont icon-youjiantou-"></span>
            </div>

            <div class="foot_nav">
                <a href="">登入</a>
                <a href="">注册</a>
                <a href="">返回顶部</a>
            </div>

            <p>
                <a href="">手机APP下载</a>
                <a href="">万峰智慧商城手机版</a>
                --掌上比价平台
            </p>
            <p>
                chst.vip:8081/crm
            </p>
        </footer>


    </div>

    <script src="../js/CsParticulars.js"></script>
</body>

</html>